{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="{% static 'account/img/logo.png' %}" type="image/x-icon">
    <title>洗衣机监控下单</title>
<style>
    #h-table ul li {
        list-style: none;
        float: left;
        width: 18rem;
        {#background-color: #801;#}
        margin-left: 2px;
        margin-bottom: 3rem;
        font-family: 苹方-简, serif;
        font-size: 1rem;
    }
    a{
        text-decoration: none;
    }
    #h-table {
        text-align: center ;
        margin:2rem auto;
    }
    h2{
        text-align: center;
        font-size: 1.4rem;
    }
</style>
</head>
<body>
<div id="h-table">
<ul>
    {% for foo in devices%}
        <li><a href="./order?deviceId={{foo.deviceId}}&storeId={{foo.storeId}}&WashModelId=2"><img src="{% static 'spiders/washer/img/洗衣机1.png' %}" alt=""><h2>{{ foo.name }}</h2></a></li>
    {% endfor %}
</ul>
</div>
</body>
</html>